.mui-bar-nav {
	background-color: black;
	color: #fff;
}

.mui-icon-left-nav {
	color: #fff;
}

.mui-title {
	color: #fff;
}

.mui-icon-checkmarkempty {
	color: skyblue;
	float: right;
}

.mui-icon-closeempty {
	color: red;
	float: right;
}

.box {
	height: 150px;
	color: #fff;
	padding-top: 25px;
}

.box1 {
	width: 100px;
	height: 100px;
	background-color: #fff;
	border-radius: 50%;
	float: left;
	margin-left: 10px;
	color: #760EF0;
	text-align: center;
	padding-top: 35px;
}

.box h6 {
	margin-top: 45px;
	float: left;
	margin-left: 10px;
}

.mui-icon-camera {
	margin-top: 38px;
	float: left;
	margin-left: 10px;
}

.menu {
	background-color: #fff;
	color: #C8C7CC;
}

.menu input {
	width: 100%;
	height: 50px;
	border: 0px;
	border-bottom: #C8C7CC 1px solid;
	margin: 0px;
}

.mui-switch.mui-active {
	border-color: #760EF0;
	background-color: #760EF0;
}

.mui-switch {
	background-color: #c8c7cc;
}
